<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
	<title>报名注册</title>

	<link rel="icon" href="image/logo.ico" type="image/x-icon"/>

	<link href="css/bootstrap.min.css" rel="stylesheet" />
	<link rel="stylesheet" href="css/bootstrap-select.css">
	<link rel="stylesheet" type="text/css" href="css/index.css">
	
</head>
<body>
<nav class="navbar navbar-default">
    <div class="navbar-header">
      <a class="navbar-brand" href="/index.html">报名系统</a>
    </div>
</nav>
<h1>全国高校竞价网第十一届工作年会暨十五周年庆典</h1>
<div class="collegeInfo">
	<div style="margin-left: 35px;">
		<h2>1.学校信息</h2>
		<div class="form-group">
			<label><font class="required">*</font>所属学校(开票单位名称)</label>
			<input  type="text" id="collegeName"  placeholder="请输入学校名称" autocomplete="off" class="form-control collegeInfoInput">
			<span style="color: red;display: none;" id="checkTip">该学校已报名</span>
		</div>
		<div class="form-group">
			<label><font class="required">*</font>纳税人识别号</label>
				<input  type="text" id="taxNumber" placeholder="请输入纳税人识别号" autocomplete="off" class="form-control collegeInfoInput">
		</div>
		<div class="form-group" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">
			<label><font class="required">*</font>参会人数</label>
			<input  type="number" id="peopleNumber" min="1" max="2"  autocomplete="off" class="form-control collegeInfoInput" value="1" disabled="disabled">
			<div style="display: inline-block;"><font style="color: red;">(填写人数后人员信息会自动增加相应的行数)</font></div>
		</div>
	</div>
<div class="peoleInfo">
	<h2>2.人员信息</h2>
	<ul class="inform">
		<li>注意事项:</li>
		<li>1、因会议场地限制，各单位名额有限，敬请谅解。</li>
		<li>2、报名截止时间：2018年10月12日</li>
		<li>3、"联系人"点选表示该老师为学校的联系人；</li>
		<li>4、房间类型以报到实际安排为准。</li>
		<li>5、若有疑问请拨打 15202079771,17620982903</li>
		<li>6、报到及食宿：2018年10月24日下午报到，25日、26日开会，27日离会。会议食宿统一安排，费用自理。</li>
		<li>7、正式邀请函将于10月16日18:00之前发送到您的报名邮箱</li>
	</ul>

	<div style="text-align: center;">
		<button class="btn btn-primary" id="search" style="display: inline-block;width: 100px;height: 40px;"><span style="font-size: 18px;font-weight: bold">查询修改<span></span></button>
		<input type="text" class="form-control" id="searchNum" placeholder="输入手机号码查询修改报名信息" style="display: inline-block; width: 300px;">
		<span style="color: red;">仅能通过联系人手机号码查询</span>
	</div>

	<div style="margin-top: 20px;width: 90%;">
		<table class="table">
		  
		    <tr>
		      <th style="width: 70px;"><font class="required">*</font>联系人</th>
		      <th style="width: 80px;"><font class="required">*</font>姓名</th>
		      <th style="width: 80px;"><font class="required">*</font>性别</th>
		      <th style="width: 80px;"><font class="required">*</font>部门</th>
		      <th style="width: 80px;"><font class="required">*</font>职务</th>
		      <th style="width: 100px;"><font class="required">*</font>手机</th>
		      <th style="width: 100px;"><font class="required" >*</font>邮箱</th>
		      <th style="width: 135px;"><font class="required">*</font>用餐时间（晚餐）</th>
		      <th style="width: 110px;"><font class="required">*</font>住宿日期</th>
		      <!-- <th style="width: 110px;"><font class="required">*</font>住宿天数</th> -->
		      <th style="width: 110px;">备注</th>
		      <th style="width: 70px">操作</th>
		    </tr>
		  
			  <tr id="tableContent" class="tableContent">
			  	<td>
			  		<input type="radio" class="linkmanRadio" id="linkman" name="linkman" value="1" checked="checked" />
			  	</td>
			  	<td>
			  		<input type="input" class="form-control tableInput name" id="name"/>
			  	</td>
			  	<td>
			  		<select id="sexSelect"  class="form-control tableInput sexSelect">
			  			<option value ="男" selected="selected">男</option>
			  			<option value ="女">女</option>
			  		</select> 
			  	</td>
			  	<td>
			  		<input type="input" class="form-control tableInput department" id="department" />
			  	</td>
			  	<td>
			  		<input type="input" class="form-control tableInput job" id="job" />
			  	</td>
			  	<td>
			  		<input type="input" class="form-control tableInput phoneNumber" id="phoneNumber" />
			  	</td>
			  	<td>
			  		<input type="input" class="form-control tableInput email" id="email" />
			  	</td>
			  	<td>
			  		<!-- <select id="dinnerTime"  class="form-control tableInput dinnerTime">
			  			<option value ="25" selected="selected">25号</option>
			  			<option value ="26">26号</option>
			  		</select> -->
			  		<div class="form-group">
				  		<select id="dinnerTime" title="请选择" class="selectpicker show-menu-arrow form-control dinnerTime" multiple>
				          <option disabled>可多选</option>
				          <option value="24">24号</option>
				          <option value="25">25号</option>
				          <option value="26">26号</option>
					    </select>
					</div>
			  	</td>
			  	<td>
			  		<!-- <select id="accommodationTime"  class="form-control tableInput accommodationTime">
			  			<<option value ="25" selected="selected">25号</option>
			  			<option value ="26">26号</option>
			  		</select>  -->
				  	<div class="form-group">
				  		<select id="accommodationTime" title="请选择" class="selectpicker show-menu-arrow form-control accommodationTime" multiple>
				  		  <option disabled>可多选</option>
				          <option value="24">24号</option>
				          <option value="25">25号</option>
				          <option value="26">26号</option>
					    </select>
					</div>
			  	</td>
			  	<!-- <td>
			  		<input type="number" class="form-control tableInput accommodationDay" id="accommodationDay" />
			  	</td> -->
			  	<td>
			  		<input type="input" class="form-control tableInput remark" id="remark" />
			  		<input type="input" class="id" style="display:none;" value=""  />
			  	</td>
			  	<td>
			  		<!-- <input type="button" class="btn btn-warning"  value="删除" > -->
			  		<span id="deleteRow"  class="glyphicon glyphicon-trash deleteRow" title="删除此行" ></span>
			  	</td>
			  	

			  </tr>
			</table>
	</div>
</div>
<div style="text-align: center;">
	<input type="button" class="btn btn-primary" id="submit" value="提交报名信息">
</div>
</body>
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.json.min.js"></script>
<script type="text/javascript" src="js/bootstrap-select.js"></script>
<script type="text/javascript" src="js/require.js" data-main="js/index"></script>
</html>